.p5 {
  &.swiper-slide-active {
    .title {
      -webkit-animation: w 1s;
      -webkit-animation-delay: 1.5s;
      -webkit-animation-timing-function: ease-out;
      -webkit-animation-fill-mode: backwards;
    }
    .w-right {
      -webkit-animation: fadeInRight 1s;
      -webkit-animation-delay: 2.5s;
      -webkit-animation-timing-function: ease-out;
      -webkit-animation-fill-mode: backwards;
    }
    .w-left {
      -webkit-animation: fadeInLeft 1s;
      -webkit-animation-delay: 2.5s;
      -webkit-animation-timing-function: ease-out;
      -webkit-animation-fill-mode: backwards;
    }
    .entry-list {
      -webkit-animation: w 1.5s;
      -webkit-animation-delay: 3.5s;
      -webkit-animation-timing-function: ease-out;
      -webkit-animation-fill-mode: backwards;
    }
  }
  .title {
    position: absolute;
    width: 154px;
    height: 367px;
    left: 50%;
    margin-left: -82px;
    bottom: 50%;
    margin-bottom: 72px;
    background: url("../img/slide/p5/icon_title@154x367.png") no-repeat 0 0;
    z-index: 13;
  }
  .w-right {
    position: absolute;
    width: 191px;
    height: 226px;
    left: 50%;
    margin-left: -37px;
    bottom: 50%;
    margin-bottom: -225px;
    background: url("../img/slide/p5/w_right@191x226.png") no-repeat 0 0;
    z-index: 13;
  }
  .w-left {
    position: absolute;
    width: 117px;
    height: 197px;
    left: 50%;
    margin-left: -176px;
    bottom: 50%;
    margin-bottom: -195px;
    background: url("../img/slide/p5/w_left@117x197.png") no-repeat 0 0;
    z-index: 13;
  }
  .entry-list {
    position: absolute;
    left: 50%;
    margin-left: -261px;
    top: 50%;
    z-index: 15;
    margin-top: 240px;
    display: -webkit-box;  /* 老版本语法: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;    /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox;  /* 混合版本语法: IE 10 */
    display: -webkit-flex;  /* 新版本语法： Chrome 21+ */
    display: flex;       /* 新版本语法： Opera 12.1, Firefox 22+ */
    width: 522px;
    height: 248px;
    ///*垂直居中*/
    //-webkit-box-align: end;
    //-moz-box-align: end;
    //-ms-flex-align: end;
    //-webkit-align-items: flex-end;
    //align-items: flex-end;
    ///*水平居中*/
    //-webkit-box-pack: center;
    //-moz-box-pack: center;
    //-ms-flex-pack: center;
    //-webkit-justify-content: center;
    //justify-content: center;
    li {
      width: 174px;
      height: 248px;
      -moz-box-flex: 1;
      -webkit-box-flex: 1;
      box-flex: 1;
      .A {
        display: block;
        width: 136px;
        height: 223px;
        margin: 0 19px;
        background: url("../img/slide/p5/button1@136x223.png") no-repeat 0 0;
      }
      .B {
        display: block;
        width: 136px;
        height: 214px;
        margin: 0 19px;
        margin-top: 13px;
        background: url("../img/slide/p5/button2@136x209.png") no-repeat 0 0;
      }
      .C {
        display: block;
        width: 136px;
        height: 214px;
        margin: 0 19px;
        margin-top: 13px;
        background: url("../img/slide/p5/button3@136x214.png") no-repeat 0 0;
      }
    }
  }
}